<div class="row profile-align">
		<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile">
			<div class="thumbnail panel-styling-profile">
				<div class="search-image">
					<a href=""><img src="img/default-img.jpg"></a>
				</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>

 		<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile profile-pull">
			<div class="thumbnail panel-styling-profile">
					<div class="search-image">
						<a href=""><img src="img/default-img.jpg"></a>
					</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>

		<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile profile-pull">

			<div class="thumbnail panel-styling-profile">
					<div class="search-image">
						<a href=""><img src="img/default-img.jpg"></a>
					</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>

			<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile">
			<div class="thumbnail panel-styling-profile">
					<div class="search-image">
						<a href=""><img src="img/default-img.jpg"></a>
					</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>

		<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile profile-pull">
			<div class="thumbnail panel-styling-profile">
					<div class="search-image">
						<a href=""><img src="img/default-img.jpg"></a>
					</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>

		<div class="col-md-4 col-sm-4 col-xs-6 search-profile search-mobile profile-pull">
			<div class="thumbnail panel-styling-profile">
					<div class="search-image">
						<a href=""><img src="img/default-img.jpg"></a>
					</div>
					<a href="#" class="cards-photo">
						<span class="badge"><span class="glyphicon glyphicon-camera"></span>2</span>
					</a>
				  <div class="caption">
					 <a href="#" class="font-contain-left font-username-bold">Username, 34</a>
					 <p class="font-contain-left p-profile-loc">Clapham, London, UK</p>
					 <div class="search-profile btn-container">
						<button type="button" class="btn btn-danger"><i class="fa fa-comments"></i>Chat</button>
						<button type="button" class="btn btn-default wink-profile-position"><i class="fa fa-heart"></i><span class="mobile-btn">wink</span></button>
						<div class="btn-group chev-arrow-positioning">
							<button type="button" class="btn btn-default dropdown-toggle chev-arrow-width" data-toggle="dropdown">
							  <span class="caret caret-position"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
							  <li><a href="#">Action</a></li>
							  <li><a href="#">Another action</a></li>
							  <li><a href="#">Something else here</a></li>
							  <li class="divider"></li>
							  <li><a href="#">Separated link</a></li>
							</ul>
						 </div>
					 </div>
				  </div>
				 <div class="past-active">Active 3 days ago</div>
			</div>
		</div>
</div>

		<!-- pagination start -->
		<div class="row">
			<div class="col-md-12 pagination-bg">
				<div class="pagi-margin">
					<ul class="pagination pagination-lg vert-align-pad">
					  <li class="disabled"><a href="#"><i class="fa fa-long-arrow-left"></i> Back</a></li>
					  <li class="active"><a class="first-radius-pagi" href="#">1</a></li>
					  <li><a href="#">2</a></li>
					  <li><a class="last-radius-pagi" href="#">3</a></li>
					  <li><a href="#">Next <i class="fa fa-long-arrow-right"></i></a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<!-- end pagination -->



